<template>
  <div class="applications">
    <application
      v-for="application in openedApplications"
      :key="application.id"
      :application="application"
    />
  </div>
</template>

<script lang="ts" setup>
import Application from "./application/Application.vue"
import { useOpenedApplications } from "@/components/applications/index"

const openedApplications = useOpenedApplications()

</script>

<style scoped lang="scss">
.applications {
  z-index: 1;
  position: absolute;
  top: var(--top-bar-size);
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
</style>
